:root {
  /* 主色调 */
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-secondary: #f3f4f6;
  
  /* 文本颜色 */
  --color-text: #111827;
  --color-text-light: #6b7280;
  
  /* 边框颜色 */
  --color-border: #e5e7eb;
  
  /* 背景色 */
  --color-background: #ffffff;
  --color-background-light: #f9fafb;
  
  /* 消息气泡颜色 */
  --color-user-message: #e6f2ff;
  --color-other-message: #f3f4f6;
  
  /* Element Plus 兼容变量 */
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary: #409eff;
  --el-color-success: #67c23a;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f56c6c;
  --el-color-error: #f56c6c;
  --el-color-info: #909399;
  
  /* 字体设置 */
  --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", 
                   "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  
  /* 边框圆角 */
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  
  /* 过渡动画 */
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  
  /* 阴影 */
  --el-box-shadow: 0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0,0,0,0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0,0,0,0.12);
}

/* 基础样式重置 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--el-font-family);
  color: var(--color-text);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
}

/* 确保全局使用这些变量 */
a {
  color: var(--color-primary);
}

button {
  cursor: pointer;
}

/* 响应式设计基础 */
@media (max-width: 768px) {
  :root {
    --el-font-size-base: 13px;
  }
}